<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        .header{
            height: 95px;
        }
        .header .nav{
            width: 960px;
            height: 95px;
            margin: 0px auto;
        }
        .header .nav h1{
            margin-top: 30px;
            float: left;
        }
        .header .nav span{
            float: right;
            font-size: 15px;
            color: #ff6600;
            line-height: 95px;
            margin-left: 30px;
            cursor: pointer;
        }
        .header .nav input{
            width: 220px;
            height: 26px;
            float: right;
            margin: 34px 24px 0px 0px ;
            background: url(ssss/h.png) no-repeat 165px center;
            border: 1px solid #cccccc;
        }
        .banner{
            height: 68px;
            background: url(ssss/d.png) repeat-x;
        }
        .banner .cen{
            width: 960px;
            height: 68px;
            margin: 0px auto;
        }
        .banner .cen li{
            width: 140px;
            height: 68px;
            float: left;
            line-height: 68px;
            margin: 0px 35px 0px 50px;
            font-size: 15px;
            color: white;
            cursor: pointer;
        }
        .banner .cen img{   
            padding-left: 23px;
            padding-bottom: 3px;
        }
        .con{
            height: 589px;
            background: #efefce;
        }
        .con .mid{
            width: 960px;
            margin: 0px auto;
        }
        .con .mid img{
            float: left;
        }
        .footer{
            height: 420px;
            background: #FF6A00;
        }
        .footer .med{
            height: 420px;
            width: 960px;
            margin: 0px auto;
        }
        .footer .med .top{
            width: 960px;
            height: 320px;
            padding-top: 45px;
        }
        .footer .med .top .left h1{
            float: left;
            margin: 0px 30px 0px 0px;
        }
        .footer .med .top .right li{
            width: 185px;
            float: left;
        }
        .footer .med .top .right span{
            width: 160px;
            float: left;
            font-size: 16px;
            color: white;
            padding-bottom: 6px;
        }
        .footer .med .top .right a{
            width: 180px;
            float: left;
            padding-bottom: 6px;
            font-size: 15px;
            color: white;
            text-decoration: none;
        }
        .footer .med .top .right a:hover{
            text-decoration: underline;
        }
        .footer .med .bottom{
            width: 960px;
            height: 55px;
            border-top: 1px solid white;
        }
        .footer .med .bottom ul{
            width: 700px;
            margin: 0px auto;
        }

        .footer .med .bottom a{
            float: left;
            font-size: 12px;
            color:blue;
            line-height: 55px;
            text-decoration: none;
        }
        .footer .med .bottom a:hover{
            text-decoration: underline;
        }
        .footer .med .bottom span{
            float: left;
            font-size: 12px;
            color: blue;
            line-height: 55px;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="nav">
            <h1>
                <img src="ssss/i.png" alt="">
            </h1>
            <span>简
            <img src="ssss/j.png" alt=""></span>
            <span>阿里巴巴相关平台
            <img src="ssss/j.png" alt=""></span>
            <input type="text" placeholder="搜索阿里巴巴集团">
        </div>
    </div>
    <div class="banner">
        <ul class="cen">
            <li>关于我们 <img src="ssss/f.png" alt=""></li>
            <li>投资者关系<img src="ssss/f.png" alt=""></li>
            <li>新闻及媒体资源<img src="ssss/f.png" alt=""></li>
            <li>联系我们<img src="ssss/f.png" alt=""></li>
        </ul>
    </div>
    <div class="con">
        <div class="mid">
            <h1>
                <img src="ssss/e.png" alt="">
            </h1>
        </div>
    </div>
    <div class="footer">
        <div class="med">
        <div class="top">
            <div class="left">
            <h1>
                <img src="ssss/c.png" alt="">
            </h1>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <span>关于我们</span>
                        <a href="">公司简介</a>
                        <a href="">业务范畴</a>
                        <a href="">历史及里程碑</a>
                        <a href="">文化和价值观</a>
                        <a href="">可持续发展</a>
                        <a href="">诚信合规</a>
                        <a href="">常见问题</a>
                    </li>
                    <li>
                        <span>投资者关系</span>
                        <a href="">投资者关系主页</a>
                        <a href="">投资者新闻及活动</a>
                        <a href="">投资者日</a>
                        <a href="">年度股东大会</a>
                        <a href="">季度业绩</a>
                        <a href="">美国证交会公告</a>
                        <a href="">公司治理</a>
                    </li>
                    <li>
                        <span>新闻及媒体资源</span>
                        <a href="">新闻发布</a>
                        <a href="">Alizila 新闻网站</a>
                        <a href="">媒体报导</a>
                        <a href="">视频</a>
                        <a href="">媒体资料库</a>
                        <a href="">社交媒体</a>
                    </li>
                    <li>
                        <span>联系我们</span>
                        <a href="">办公地点</a>
                        <a href="">投资者联系</a>
                        <a href="">媒体联系</a>
                        <a href="">客户联系</a>
                        <a href="">执法部门合规指南</a>
                        <a href="">知识产权保障</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <ul>
                <li>
                    <a href="">加入我们  |</a>
                    <a href="">加入我们  |</a>
                    <a href="">加入我们  |</a>
                    <span>版权公告 © 1999-2021 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</span>
                </li>
            </ul>
        </div>
        </div>
    </div>